<div class="article-list-item" itemscope itemprop="blogPost">
  {{ if .Params.image }}
      <a href="{{ .Permalink }}">
          <img src="{{ $.Site.BaseURL }}/img/{{ .Params.image }}" class="article-banner" itemprop="image">
      </a>
  {{end}}
  <h3 class="article-title" itemprop="name"><a href="{{ .Permalink }}" itemprop="url">{{ .Title }}</a></h3>
  <p class="article-style" itemprop="articleBody">
      {{ .Params.short_text }}
  </p>
  <p class="read-more">
      <a href="{{ .Permalink }}" class="btn btn-primary btn-outline">
          {{ with .Site.Params.posts.str_read_more }}{{ . | markdownify }}{{ end }}
      </a>
  </p>
</div>